<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>豆瓣Top250可视化系统</title>
		<link rel="shortcut icon" href="../static/images/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="/static/css/main.css">
		<script src="/static/js/echarts.min.js"></script>
		<script src="/static/js/echarts-wordcloud.min.js"></script>
		<script src="/static/js/echarts-world.js"></script>
		<script src="/static/js/yearLine.js"></script>
		<script src="/static/js/typePie.js"></script>
		<script src="/static/js/worldmap.js"></script>
		<script src="/static/js/ratingBar.js"></script>
		<script src="/static/js/wordCloud.js"></script>
		<script src="/static/js/time.js"></script>
		<script src="/static/js/filmReel.js"></script>
	</head>
	<body class="body">
		<div id="title">豆瓣Top250可视化系统</div>
		<div id="div"></div>
		<div id="time">
			<div id="time" style="width: 100%;height: 100%;"></div>
		</div>
		<div id="left1">
			<div id="ratingBar" style="width: 100%;height: 100%;"></div>
		</div>
		<div id="left2">
			<div id="typePie" style="width: 100%;height: 100%;"></div>
		</div>
		<div id="center1">
			<div class="center1-num">250</div>
			<div class="center1-num">8.9</div>
			<div class="center1-num">66</div>
			<div class="center1-num">220</div>
			<div class="center1-txt">电影总数</div>
			<div class="center1-txt">平均评分</div>
			<div class="center1-txt">国家/地区数</div>
			<div class="center1-txt">导演数量</div>
		</div>
		<div id="center2">
			<div id="worldmap" style="width: 100%;height: 100%;"></div>
		</div>
		<div id="center3">
			<div id="center3" style="width: 100%;height: 100%;"></div>
		</div>
		<div id="right1">
			<div id="yearLine" style="width: 100%;height: 100%;"></div> 
		</div>
		<div id="right2">
			<div id="wordCloud" style="width: 100%;height: 100%;"></div>
		</div>
	</body>
</html>

